<script setup>
import { inject, ref } from "vue";
</script>

<template>
  <view class="content">
    <view class="content-top">
      <view class="content-num">¥300.00</view>
      <view class="content-time"><text>剩余支付时间：15:10:10</text> </view>
    </view>
    <view class="content-phone">
      <view class="content-phone-title"> 手机号查找帮付人 </view>
      <view class="content-phone-input">
        <up-input placeholder="输入对方手机号，请他代付">
          <template #suffix>
            <up-button
              class="pay-cx-bt"
              @tap="getCode"
              text="查询"
              size="mini"
            ></up-button>
          </template>
        </up-input>
      </view>
      <view class="pay-bt">
        <up-button class="pay-bt-info" text="发送帮付请求"></up-button>
      </view>
      <view class="pay-list">
        <view class="pay-list-title">帮付好友</view>
        <view class="pay-list-title-item">
          <view class="pay-list-title-item-phone">16624713478</view>
          <view class="pay-list-title-item-pay">帮我付</view>
        </view>
      </view>
    </view>
    <view class="content-pay-type">
      <view class="content-pay-type-title"> 通过其他方式找朋友帮忙付 </view>
      <view class="content-pay-type-list">
        <view class="content-pay-type-list-item">
          <image
            src="@/static/cloudlibrary/icon_weixin.png"
            mode="scaleToFill"
          />
          <view class="content-pay-type-name">微信</view>
        </view>
        <view class="content-pay-type-list-item">
          <image
            src="@/static/cloudlibrary/icon_weixin.png"
            mode="scaleToFill"
          />
          <view>当面扫码</view>
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import "./index.scss";
</style>
